<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统维护中 - WMS仓储管理系统</title>
    <link rel="stylesheet" href="styles/maintenance.css">
    <link rel="icon" href="favicon.svg" type="image/svg+xml">
</head>
<body>
    <div class="maintenance-container">
        <div class="maintenance-content">
            <div class="icon">
                <svg width="80" height="80" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 2L13.09 8.26L22 9L13.09 9.74L12 16L10.91 9.74L2 9L10.91 8.26L12 2Z" fill="#4A90E2"/>
                    <path d="M12 6L12.5 10.5L17 11L12.5 11.5L12 16L11.5 11.5L7 11L11.5 10.5L12 6Z" fill="#357ABD"/>
                    <circle cx="12" cy="11" r="2" fill="#2E5A87"/>
                </svg>
            </div>
            <h1>系统正在停机运维</h1>
            <p class="main-message">请稍后再尝试访问......</p>
            <div class="estimated-time">
                <p>预计恢复时间：<span id="recovery-time">30分钟</span></p>
            </div>
            <div class="progress-container">
                <div class="progress-bar">
                    <div class="progress-fill"></div>
                </div>
                <p class="progress-text">系统维护进行中...</p>
            </div>
            <div class="contact-info">
                <p>如有紧急情况，请联系技术支持</p>
                <div class="contact-details">
                    <span>📧 support@wms.com</span>
                    <span>📞 400-123-4567</span>
                </div>
            </div>
            <div class="refresh-hint">
                <p>页面将自动刷新检查系统状态</p>
                <button id="refresh-btn" onclick="location.reload()">立即刷新</button>
            </div>
        </div>
        <div class="background-animation">
            <div class="floating-element"></div>
            <div class="floating-element"></div>
            <div class="floating-element"></div>
        </div>
    </div>
    <script src="scripts/maintenance.js"></script>
</body>
</html>